@import "layout";

html,
body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
}
.edit-marker {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: blue;
  cursor: pointer;
  &.center{
    width: 9px;
    height: 9px;
  }
}

.snap-marker {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: red;
}

.contextmenu {
  font-size: 12px;
  padding: 2px 5px;
  background-color: white;
  border-radius: 3px;
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    li {
      border-bottom: 1px solid #ddd;
      cursor: pointer;
      height: 20px;
      line-height: 20px;
      padding: 0 6px;
      &:last-child {
        border: none;
      }
    }
  }
}

.feature-move {
  width: 32px;
  height: 32px;
  cursor: move;
  z-index: 9;
  background-size: 100% 100%;
  background-image: url("");
}